<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>档期网</title>
<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
<s:include value="/commond/keydesc.jsp"></s:include>
<link href="${ctx }/css/head/head.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/invite_nav.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/event_box.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/invite_week.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/view_fun.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/my_event.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/party.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/loading.css" rel="stylesheet" type="text/css" />
<style type="text/css">
	.searchdefault{
		color:#9b9b9b;
		font-style:italic;
	}
	.searchonit{
		color:#000000;
		font-style: normal;
	}
</style>
<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
<script type="text/javascript" src="${ctx }/js/textareaAutoHeight.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/invite_mode.js"></script>
<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/clip_detail.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/search_script.js"></script>
</head>
<body>
<s:include value="/head.jsp"></s:include>
<div class="invite_page" style="min-height: 516px;">
    <table style="width:99%;">
        <tr valign="top">
        	<td width="270">
            	<div class="left_calendar">
                	<div id="datepicker"></div>
                    <div class="ms_fun" id="left_clip_list">
                    </div>
                </div>
            </td>
        	<td>
            	<div class="event_box">
                	<div class="event_title">
                    	<div class="et_btm samepage">
                            <a class="all" onclass="allonit" href="clip_list.html#all"></a>
                    	</div>
                    	<div class="et_btm samepage">
                            <a class="myshare" onclass="myshareonit" href="clip_list.html#created"></a>
                            <a class="myjoin" onclass="myjoinonit" href="clip_list.html#joined"></a>
                            <a class="invites" onclass="invitesonit" href="clip_list.html#invited"></a>
                    	</div>
                    	<div class="et_btm">
                            <a class="cache" onclass="cacheonit" href="clip_cache.html"><b id="clipevent_cachenum"></b></a>
                            <a class="recycle" onclass="recycleonit" href="clip_recycle.html"><b id="clipevent_recyclenum"></b></a>
                            <a class="remind remindonit onit" href="clip_remind.html"><b id="clipevent_clocknum"></b></a>
                    	</div>
                        <div class="et_sch">
                        	<input type="text" class="searchdefault" value="输入您要搜索的档期内容" onfocus="checkStatus(this,event);" onblur="checkStatus(this,event);"/>
                            <a id="search_btn" onclick="searchClipEvent(this);"></a>
                        </div>
                    </div>
                    <div style="float:left; width:100%;">
                        <div class="et_screen">
                            <div class="item">
                                <a title="返回" onclick="backPage();" class="back"></a>
                            </div>
                            <div class="item" style="margin-right: 0px;">
                                <a class="import" title="标记为重要" onclick="detailSetImportant(1);"></a>
                            </div>
                            <div class="item">
                                <a class="c_import" title="标记为不重要" onclick="detailSetImportant(0);"></a>
                            </div>
                            <div class="item modifyopt" style="display: none;">
                            	<a class="modify" title="修改档期"></a>
                            </div>
                            <span style="float: left;">&nbsp;&nbsp;</span>
                            <a class="et_item_addclip" onclick="window.location.href='${ctx}/myclip/add_clip.html'" href="javascript:void(0);">
                            </a>
                            <!-- 
                        	<div class="et_item">
                            	<span title="关闭提醒" class="alarm" id="clipevent-clockicon"></span>
                                <span style="display: none;" class="eti_cl" id="clipevent-clockshow"><span>提醒时间：</span><input value="2010-07-07 07:07"></span>
                            </div>
                             -->
                        </div>
                        <div class="page" id="clippage_control" style="display: none;">
                        	<span class="goto upgoto">第<b class="clippage_currentrecordcount"></b>个，共<b class="clippage_totalcount"></b>档期</span>
                            <span class="page_pn"><a class="prev"></a></span>
                            <span class="page_pn"><a class="next"></a></span>
                            <div class="home_end">
                                <span class="firstpage">首页</span>
                                <span class="lastpage">尾页</span>
                            </div>
                        </div>
                	</div>
                    <table class="part_detail">
                    	<tbody><tr>
                        	<td valign="top">
                                <div class="part_main">
                                	<input type="hidden" id="clipevent-eventid"/>
                                	<input type="hidden" id="clipevent-clocktime"/>
                                    <div class="part_name"><span style="margin-top: 4px;" id="clipevent-isvip"></span><span style="line-height: 24px;font-size: 14px;">档期内容：</span><span id="clipevent-title" style="line-height: 24px;font-size: 14px;"></span></div>
                                    <table id="clipevent-maincontent">
                                    	<tbody><tr>
                                        	<td width="80">
                                            	<span class="title" style="margin-top: 9px;">发 起 人：</span>
                                            </td>
                                            <td>
                                            	<span id="clipevent-publishnamelogo" class="logo"></span>
                                            	<span id="clipevent-publishname" style="margin-top: 9px;"></span>
                                            </td>
                                        </tr>
                                        <tr style="display: none;">
                                        	<td width="80">
                                            	<span class="title">转 发 人：</span>
                                            </td>
                                            <td>
                                            	<span id="clipevent-forwardnamelogo" class="logo"></span>
                                            	<span id="clipevent-forwardname" style="margin-top: 9px;"></span>
                                            </td>
                                        </tr>
                                    	<tr>
                                        	<td width="80">
                                            	<span class="title">档期类型：</span>
                                            </td>
                                            <td>
                                            	<span style="margin-top:2px" class="event" id="clipevent-eventtype-icon"></span>
                                                <span style="width:auto;" id="clipevent-eventtype-typename"></span>
                                            </td>
                                        </tr>
                                        <tr>
                                        	<td width="80">
                                            	<span class="title">时间：</span>
                                            </td>
                                            <td>
                                                <span id="clipevent-eventtime">
                                                </span>
                                                <b id="clipevent-processtatus"></b>
                                            </td>
                                     	</tr>
                                        <tr>
                                        	<td width="80">
                                            	<span class="title">回复截止：</span>
                                            </td>
                                            <td>
                                                <span id="clipevent-deadlinetime"></span>
                                                <b id="clipevent-isexpire" style="display: none;"></b>
                                        	</td>
                                        </tr>
                                        <tr>
                                        	<td width="80">
                                            	<span class="title">地点：</span>
                                            </td>
                                            <td>
                                                <span id="clipevent-address"></span>
                                        	</td>
                                        </tr>
                                        <tr class="clipevent-show_clock">
                                        	<td width="80">
                                            	<span class="title">提醒：</span>
                                            </td>
                                            <td>
	                                            <div class="clock">
	                                                <span id="clipevent-clockval"></span>
	                                                <span id="clipevent-clockicon"></span>
	                                            </div>
                                        	</td>
                                        </tr>
                                        <tr class="clipevent-set_clock" style="display: none;">
                                        	<td width="80">
                                            	<span class="title">提醒：</span>
                                            </td>
                                            <td>
                                                <input type="text" class="data" style="margin:0 5px;float:left;width:130px;height: 13px;" onfocus="jQ(this).blur();">
												<div class="timebg">
						                        	<a class="minus" onclick="hourminus(jQ(this).next());"></a>
						                        	<input maxlength="2" value="0" onblur="hourinput(this);" id="alerthour" class="hminput"/>
						                        	<a class="plus" onclick="hourplus(jQ(this).prev());"></a>
						                        </div>
												<span style="margin-right: 10px;width: auto;">时</span>
												<div class="timebg">
						                        	<a class="minus" onclick="minminus(jQ(this).next());"></a>
						                        	<input maxlength="2" value="0" onblur="mininput(this);" id="alertmin" class="hminput"/>
						                        	<a class="plus" onclick="minplus(jQ(this).prev());"></a>
						                        </div>
												<span style="width: auto;">分</span>
												<input type="checkbox" style="float: left;" class="hasmobilechoose"/>
												<img src="${ctx }/image/mobilemsg.png" width="16px" height="16px" style="float: left;" alt="手机短信提醒" title="手机短信提醒" class="hasmobilechoose"/>
												<button class="confirm" style="margin-left: 5px;">确定</button>
												<button class="cancel">取消</button>
                                        	</td>
                                        </tr>
                                        <tr class="clipevent-clock_info" style="display: none;">
                                        	<td colspan="2" style="color:#ff0000;">
                                            	
                                            </td>
                                        </tr>
                                        <tr>
                                        	<td width="80">
                                            	<span class="title">档期详情：</span>
                                            </td>
                                            <td>
                                                <span id="clipevent-content"></span>
                                            </td>
                                        </tr>
                                    </tbody></table>
                                    <br>
                                    <br>
                                    <div class="party_op" id="clipevent-opt">
                                        <a class="over" style="display: none;"></a>
                                        <a class="del" style="display: none;"></a>
                                        <a class="join" style="display: none;"></a>
                                        <a class="undo" style="display: none;"></a>
                                        <a class="reject" style="display: none;"></a>
                                        <a class="ignore" style="display: none;"></a>
                                        <a class="delete" style="display: none;"></a>
                                    </div>
                                    
                                    <div class="part_msg" ><span style="margin-left: 13px;">档期留言</span></div>
                                    <ul class="part_msg" id="clipevent-messages">
                                    </ul>
                                    <div class="replyzone">
                                    	<input type="text"  class="replyinput" id="replycontent" onfocus="jQ('#replyzoneerror').empty();">
                                    	<button class="reply" onclick="submitReply();"></button>
                                    </div>
                                    <div class="replyzoneerror" id="replyzoneerror">
                                    </div>          
                                </div>
                            </td>
                            <td width="220" valign="top">
                                <div class="part_right">
                                    <ul class="stat_button_choose">
                                		<li class="invite_button" id="invite_button">
                                			<a class="onit"></a>
                                		</li>
                                		<li class="share_button" id="share_button">
                                			<a class="outit"></a>
                                		</li>
                                	</ul>
                                	<div class="invite_statpart" id="invite_statpart">
	                                    <ul class="join_member">
	                                        <li class="mid" style="height:5px;"></li>
	                                        <li class="mid">· 共有<b id="invitednum"></b>人收到邀请</li>
	                                        <li class="mid">· 有<b style="color:#090" id="joinednum"></b>人参加</li>
	                                        <li class="mid">· 有<b style="color:#F00" id="refusednum"></b>人不参加</li>
	                                        <li class="mid" style="height:10px;"></li>
	                                        <li class="btm"></li>
	                                    </ul>
	                                    <div class="jm_box">
	                                        <div class="jm_title">
	                                            <span>参加成员</span>
	                                            <!-- 
	                                            <a onclick="$('#invite_friend').show();$(this).parent('li').nextAll().hide();$(this).addClass('invf')" id="invf">邀请好友</a>
	                                             -->
	                                        </div>
	                                        <ul class="jm_scroll" style="max-height: 318px;" id="clipevent-contacts">
	                                        </ul>
	                                    </div>
                                	</div>
                                	<div class="share_statpart" id="share_statpart">
	                                    <ul class="join_member">
											<li style="height:5px;" class="mid"></li>
						                  	<li class="mid">· <b id="savesharenum">0</b>人参与档期</li>
						                  	<li class="mid">· <b id="forwardsharenum" style="color:#090">0</b>次转发档期</li>
						                  	<li class="mid" style="display: none;">· 原档期<b id="reliedclipsavenum" style="color:#F00">0</b>人参与档期</li>
						                  	<li class="mid" style="display: none;">· 原档期<b id="reliedclipforwardnum" style="color:#F00">0</b>次转发档期</li>
						                  	<li style="height:10px;" class="mid"></li>
						                  	<li class="btm"></li>
						              	</ul>
						              	<div class="jm_box" style="margin:10px 0 0;padding:0;border:0;border-top:2px #494a4a dashed;">
						              		<button class="checkfriends" id="checkfriendsbtn" style="display: none;"></button>
						              		<span class="friendstat">共有<b id="friendscount"></b>个好友</span>
						              		<ul class="friendslist" id="friendslist" style="display: none;">
						              		</ul>
						              	</div>
                                	</div>
                                
                                    
                                </div>
	                        </td>
                        </tr>
                    </tbody></table>
                    <div style="float:left; width:100%;">
                        <div class="et_screen">
                            <div class="item">
                                <a title="返回" onclick="backPage();" class="back"></a>
                            </div>
                            <div class="item" style="margin-right: 0px;">
                                <a class="import" title="标记为重要" onclick="selected2Important();"></a>
                            </div>
                            <div class="item">
                                <a class="c_import" title="标记为不重要" onclick="selected2Unimportant();"></a>
                            </div>
                            <div class="item modifyopt" style="display: none;">
                            	<a class="modify" title="修改档期"></a>
                            </div>
                            <span style="float: left;">&nbsp;&nbsp;</span>
                            <a class="et_item_addclip" onclick="window.location.href='${ctx}/myclip/add_clip.html'" href="javascript:void(0);">
                            </a>
                        </div>
                        <div class="page" style="display: none;">
                        	<span class="goto dwgoto">第<b class="clippage_currentrecordcount"></b>个，共<b class="clippage_totalcount"></b>档期</span>
                            <span class="page_pn"><a class="prev"></a></span>
                            <span class="page_pn"><a class="next"></a></span>
                            <div class="home_end">
                                <span class="firstpage">首页</span>
                                <span class="lastpage">尾页</span>
                            </div>
                        </div>
                	</div>
                </div>
            </td>
        </tr>
	</table>
</div>
<s:include value="/foot.jsp"></s:include>
<div class="monthviewopt" style="display: none;" id="viewopt">
	<input type="hidden" id="viewopt_eventid"/>
	<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
	<p style="text-indent: 30px;font-size:15px;line-height: 25px;" id="viewopt_p"></p>
</div>
<div class="accept_msg_box" id="accept_msg_box" style="display: none;">
	<div class="msg_note" style="top: 100px;">
		<div class="msg_text" id="accept_msg_box_content"></div>
	</div>
</div>
</body>
</html>